<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Image</title>
    <script src="./lib/config.js"></script>
    <script src="../dist/quark-renderer.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
    <div id="main" style="width:1000px;height:800px;"></div>
    <script type="text/javascript">
    // 初始化qrenderer
    var qr = qrenderer.init(document.getElementById('main'), {
        renderer: window.__QRENDER__DEFAULT__RENDERER__ || 'svg'
    });

    var rect = new qrenderer.Rect({
        shape: {
            x: 60,
            y: 60,
            width: 50,
            height: 50
        },
        style: {
            fill: 'red',
            shadowBlur: 5,
            shadowColor: 'blue',
            shadowOffsetX: 10,
            shadowOffsetY: 10
        }
    });
    qr.add(rect);
    </script>

</body>
</html>